<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>IST 5313 - Final Project Template</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body>
		<header>
			<img src="images/header.png" alt="Online Learning Module - IST 5313 Final Project Template Graphic Header"
				title="Online Learning Module - IST 5313 Final Project Template Graphic Header"/>
		</header>
		<section id="main-content">
			<article id="main-info">
			
				<header>
					<h1 id="topic-title">Topic 2</h1>
				</header>
				
				<p>
				Congue vel, lectus id libero luctus porta in vel velit. Nunc ac mi risus, a viverra lacus. Vivamus at lorem sed mi porta laoreet eu sed tortor.
				</p>
				
				<img src="images/eiffel-tower.jpg" alt="Eiffel Tower" title="Eiffel Tower"/>
					
				<footer>
					<cite>
						<strong>References</strong><br/>
						<a href="http://creativecommons.org">CreativeCommons</a><br/>
						<a href="http://lipsum.org">Lorem Ipsum</a><br/>
						<a href="http://wikipedia.org">Wikipedia</a><br/>
						<a href="http://www.grsites.com">GR Sites</a>
						
						
					</cite>
				</footer> 
			</article>
			
			<aside id="aside-info">
				<header>
					<p id="aside-title-audio">Audio</p>
				</header>
				<audio id="narration" controls="controls" autoplay="autoplay">
					<source src="audio/people113.mp3" type="audio/mp3">
					<source src="audio/people113.ogv" type="audio/ogg">
					Your browser does not support the audio tag.
				</audio>
				<br/>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
				<div id="transcript">
				Nullam elementum lorem eu tellus tincidunt sit amet tristique odio mollis. Vestibulum lorem velit, vestibulum malesuada accumsan eget, molestie ullamcorper risus. Nullam tempor malesuada risus, a dapibus purus faucibus et. Ut porta pharetra volutpat. Nam lacinia diam in dui volutpat eu condimentum sapien ultrices. Phasellus erat turpis, sagittis a aliquam eu, facilisis ut lectus. Etiam consectetur libero nec dui pretium hendrerit. Maecenas velit tortor, dignissim et lobortis non, viverra id enim. Ut eu magna dui. Pellentesque est lorem, lacinia a accumsan vel, interdum vel nibh. Curabitur rutrum dictum convallis. Curabitur eget elit eros. Pellentesque est enim, aliquam eu feugiat volutpat, consectetur in metus. Donec quis tellus tristique augue sodales condimentum ac nec tellus.
				Nullam elementum lorem eu tellus tincidunt sit amet tristique odio mollis. Vestibulum lorem velit, vestibulum malesuada accumsan eget, molestie ullamcorper risus. Nullam tempor malesuada risus, a dapibus purus faucibus et. Ut porta pharetra volutpat. Nam lacinia diam in dui volutpat eu condimentum sapien ultrices. Phasellus erat turpis, sagittis a aliquam eu, facilisis ut lectus. Etiam consectetur libero nec dui pretium hendrerit. Maecenas velit tortor, dignissim et lobortis non, viverra id enim. Ut eu magna dui. Pellentesque est lorem, lacinia a accumsan vel, interdum vel nibh. Curabitur rutrum dictum convallis. Curabitur eget elit eros. Pellentesque est enim, aliquam eu feugiat volutpat, consectetur in metus. Donec quis tellus tristique augue sodales condimentum ac nec tellus.
				</div>
			</aside>
			<div id="main-content-clear"></div>
		</section>
		
		<nav id="sub-navigation">
		</nav>
		<nav id="navigation">
			<a href="topic-1.html" class="menu-link">Topic 1</a>
			<span class="menu-link-inactive">Topic 2</span>
			<a href="topic-3.html" class="menu-link">Topic 3</a>
			<a href="assessment.html" class="menu-link">Assessment</a>
			<a href="certificate.html" class="menu-link">Certificate of Completion</a>
		</nav>

	</body>
</html>